/*内容开始*/
.content {
	/* width: 1280px; */
	width:100%;
	/* height: 2230px; */
	background-color: #f6f6f6;
}
/* 设置公共样式 */
.content .banner , .content .banner ul li , .content .banner ul img  {
	/* width: 1280px; */
	width: 100%;
	height: 545px;
}
/* 再设置单个元素自己的样式 */
.content .banner {
	/* 设置定位*/
	position: relative;
	/* 将超出的ul部分隐藏起来，去掉ul很长时出现的滚动条 */
	overflow: hidden;
}
/*设置定位是为了让ul能通过js（后面会学）操作滚动起来*/
.content .banner ul{
	position: absolute;
	left: 0;
	/* width: 10000px; */
}
.content .banner ul li{
	float: left;
}
.content .news{
	/* width: 1280px; */
	width: 100%;
	height: 478px;
	padding-top: 70px;
	background: #f6f6f6;
}
/* 公共部分 */
.content .news .container .center, .content .news .container .product, .content .news .container .info {
	float: left;
	width: 315px;
	height: 474px;
	margin: 0 8px 0 8px;
}
.content .news .container .center{
	/*background: #ccc;*/
	background:white;
}
.content .news .container .product{

	/*background: #ccc*/
	background:white;
} 
.content .news .container .info {
	/*background: #ccc;*/
	background:white;
}
.content .news .container{
	width: 996px;
	height: 475px;
	margin: 0 auto;

}
.content .news .container .center .box,.content .news .container .product .box,.content .news .container .info .box{
	width: 315px;
	height: 168px;
}
.content .news .container .center .box{
	background-color: #2395cb;
	position: relative;
	/*padding-top: 15px;*/
}
.content .news .container .center .box::after{
	content: "";
	width: 0;
	height: 0;
	border-width: 21px 21px 21px 21px;
	border-style: solid;
	border-color: #2395cb transparent transparent transparent;
	position: absolute;
	bottom: -40px;
	left: 140px;
}
.content .news .container .center .box .container{
	width: 116px;
	height: 123px;
	padding-top:15px;
}
.content .news .container .center .box .container .img{
	width: 53px;
	height: 53px;
	margin: 0 auto;
}
.content .news .container .center .box .container .chinese{
	width: 116px;
	height: 19px;
	text-align: center;
	font-size: 15px;
	margin: 15px auto;
	color: white;
}
.content .news .container .center .box .container .english{
	width: 116px;
	height: 23px;
	text-align: center;
	font-size: 15px;
	border-bottom: 1px solid white;
	color: white;
}
.content .news .container .center .info{
	width: 280px;
	height: 240px;
	margin: 32px 17px;
}
.content .news .container .center .info .title{
	width: 84px;
	height: 30px;
	font-size: 15px;
}
.content .news .container .center .info .img{
	width: 134px;
	height: 120px;
	float: left;
}
.content .news .container .center .info .text{
	width: 100%;
	height: 120px;
	font-size: 15px;
	line-height: 25px;
	white-space: normal;
}
.content .news .container .center .info .bottom{
	width: 280px;
	height: 90px;
	border-top: 1px dashed #ccc;
	padding-top: 26px;
}
.content .news .container .center .info .bottom .message{
	width: 262px;
	height: 62px;
	float: right;
}
.content .news .container .center .info .bottom .message ul li{
	font-size: 12px;
	line-height: 20px;
	position: relative;
}
.content .news .container .center .info .bottom .message ul li:before{
	content: "";
	width: 5px;
	height: 5px;
	background: blue;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	left: -17px;
}
.content .news .container .product .box{
	background-color: #3ed1a4;
	position: relative;
}
.content .news .container .product .box::after{
	content: "";
	width: 0;
	height: 0;
	border-width: 21px 21px 21px 21px;
	border-style: solid;
	border-color: #3ed1a4 transparent transparent transparent;
	position: absolute;
	bottom: -40px;
	left: 140px;
}
.content .news .container .product .box .container{
	width: 116px;
	height: 123px;
	padding-top:15px;
}
.content .news .container .product .box .container .img{
	width: 53px;
	height: 53px;
	margin: 0 auto;
}
.content .news .container .product .box .container .chinese{
	width: 116px;
	height: 19px;
	text-align: center;
	font-size: 15px;
	margin: 15px auto;
	color: white;
}
.content .news .container .product .box .container .english{
	width: 116px;
	height: 23px;
	text-align: center;
	font-size: 15px;
	border-bottom: 1px solid white;
	color: white;
}
.content .news .container .product .info{
	width: 280px;
	height: 240px;
	margin: 32px 17px;
}
.content .news .container .product .info .img{
	width: 218px;
	height: 140px;
	margin: 30px auto 0 auto;
	position: relative;
}
.content .news .container .product .info .left{
	width: 24px;
	height: 32px;
	position: absolute;
	left: -30px;
	bottom: 25px;
}
.content .news .container .product .info .right{
	width: 24px;
	height: 32px;
	position: absolute;
	right: -30px;
	bottom: 25px;
}
.content .news .container .product .info .message1{
	width: 214px;
	height: 20px;
	text-align: center;
	color: skyblue;
	margin: 15px auto;
	font-size: 15px;
}
.content .news .container .product .info .message2{
	width: 214px;
	height: 16px;
	margin: 0 auto;
	text-align: center;
	font-size: 10px;
}

.content .news .container .info .box{
	background-color: #895ea3;
	position: relative;
}
.content .news .container .info .box .container{
	width: 116px;
	height: 123px;
	padding-top:15px;
}
.content .news .container .info .box::after{
	content: "";
	width: 0;
	height: 0;
	border-width: 21px 21px 21px 21px;
	border-style: solid;
	border-color: #895ea3 transparent transparent transparent;
	position: absolute;
	bottom: -40px;
	left: 140px;
}
.content .news .container .info .box .container .img{
	width: 53px;
	height: 53px;
	margin: 0 auto;
}
.content .news .container .info .box .container .chinese{
	width: 116px;
	height: 19px;
	text-align: center;
	font-size: 15px;
	margin: 15px auto;
	color: white;
}
.content .news .container .info .box .container .english{
	width: 116px;
	height: 23px;
	text-align: center;
	font-size: 15px;
	border-bottom: 1px solid white;
	color: white;
}
.content .news .container .info .bottom .img{
	width: 289px;
	height: 125px;
	margin: 45px auto 30px auto;
}
.content .news .container .info .bottom .next{
	width: 308px;
	height: 76px;
	margin: 0 auto;
	position: relative;
}
.content .news .container .info .bottom .next .text{
	width: 210px;
	height: 38px;
	margin: 0 auto;
	font-size: 12px;
	position: absolute;
	top: 25px;
	left: 50px;
}
.content .page{
	/* width: 1280px; */
	width: 100%;
	height: 495px;
	/*background-color: red;*/
}
.content .page .title{
	/* width: 1280px; */
	width: 100%;
	height: 152px;
	/*background-color: #3ed1a4;*/
}
.content .page .title .container{
	width: 257px;
	height: 152px;
	margin: auto;
	/*background-color: #0372b1;*/
	background-color: #f6f6f6;
}
.content .page .title .container .aboutus{
	width: 257px;
	height: 98px;
	margin: auto;
	font-size: 20px;
	text-align: center;
	font-weight: bold; 
	line-height: 140px;
	background-color: f6f6f6;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.content .page .title .container .aboutus .display{
	width: 107px;
	height: 15px;
	margin: auto;
	font-size: 10px;
	font-weight: normal; 
	line-height: normal;
	text-align: center;
	background-color: #f6f6f6;
	position: absolute;
	bottom: -10px;
	left: 75px;
}
.content .page .bg{
	/* width: 1280px; */
	width: 100%;
	height: 343px;
	/*background-color: #c49f72;*/
	background-position: cover;
	position: relative;
	overflow: hidden;
}
.content .page .bg img{
	/* width: 1280px; */
	width: 100%;
	/* height: 343px; */
	/*background-color: #c49f72;*/
	/* /* background-position: cover; */
	position: relative; 
}
.content .page .bg .textbox{
	/* width: 932px; */
	width: 80%;
	height: 153px;
	text-align: center;
	line-height: 24px;
	padding-top: 48px;
	margin: 0 10% 0 10%;
	/*background-color: #6a3f26;*/
	position: absolute;
	top: 0px;
	/* font-size: 14px; */
	/* left: 174px; */
	/* left: 15%; */
}
/* .content .page .bg .containerbox{
	width: 1050px;
	height: 168px;
	margin: auto;
	background-color: white;
	border: 1px solid #ccc;
	position: absolute;
	bottom: 26px;
	left: 123px;
}
.content .page .bg .containerbox .imgbox{
	width: 1040px;
	height: 159px;
	margin: 5px auto 0 auto;
	display: flex;
	justify-content: space-around;
} */
.content .page .bg .containerbox{
	width: 100%;
	position: absolute;
	bottom: 26px;
}
.content .page .bg .containerbox .imgbox{
	width: 1060px;
	height: 168px;
	margin: 0 auto;
	background-color: white;
	border: 1px solid #ccc;
	display: flex;
	justify-content: space-around;
	padding: 10px 0 0 0;
}
.content .page .bg .containerbox .imgbox .img1{
	width: 72px;
	height: 159px;
	background-size: cover;
	overflow: hidden;
}
.content .page .bg .containerbox .imgbox .img2{
	width: 282px;
	height: 159px;
}
.content .address{
	/* width: 1280px; */
	width: 100%;
	height: 643px;
	/*background-color: #fa07b3;*/
}
.content .address .title{
	/* width: 1280px; */
	width: 100%;
	height: 107px;
	/*background-color: #f6f6f6*/
}
.content .address .title .continercontact{
	width: 257px;
	height: 107px;
	margin: auto;
}
.content .address .title .continer .contactus{
	width: 257px;
	height: 98px;
	margin: auto;
	font-size: 20px;
	text-align: center;
	font-weight: bold; 
	line-height: 140px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.content .address .title .continer .contactus .display{
	width: 107px;
	height: 15px;
	margin: auto;
	font-size: 10px;
	font-weight: normal; 
	line-height: normal;
	text-align: center;
	background-color: #f6f6f6;
	position: absolute;
	bottom: -10px;
	left: 75px;
}
.content .address .info {
	width: 1075px;
	height: 425px;
	margin: 60px auto 0;
	/*background-color: black;*/
}
.content .address .info .erweima {
	width: 432px;
	height: 188px;
	/*background-color: #3c9cd3;*/
}
.content .address .info .erweima .img{
	width: 140px;
	height: 188px;
	float: left;
	/*background-color: red;*/
	position: relative;
}
.content .address .info .erweima .img .QRtext1{
	width: 140px;
	height: 16px;
	position: absolute;
	bottom: 35px;
	left: 25px;
}
.content .address .info .erweima .img .QRtext2{
	width: 140px;
	height: 16px;
	position: absolute;
	bottom: 10px;
	left: 5px;
}
.content .address .info .erweima .text{
	width: 265px;
	height: 188px;
	float: right;
	/*background-color: skyblue;*/
}
.content .address .info .erweima .text ul li{
	line-height: 30px;
	/*background-color: skyblue;*/
}
.content .address .info .addImg{
	width: 432px;
	height: 196px;
	margin: 40px 0 0 0;
	float: left;
	/*background-color: orange;*/
	position: absolute;
}
.content .address .info .blank{
	/* width: 606px; */
	width: 50%;
	height: 425px;
	float: right;
	/*background-color: purple;*/
	line-height: 24px;
	color: #666;
}
.content .address .info .blank>form>input:not(.submit){
	width: 100%;
	height: 34px;
	border-width: 1px;
	border-style: dashed;
	border-color: #d4d2d2;
	margin-bottom: 15px;
}
.content .address .info .blank textarea{
	/* width: 606px; */
	width: 100%;
	height: 120px;
	border-width: 1px;
	border-style: dashed;
	border-color: #d4d2d2;
	margin-bottom: 15px;
}
.content .address .info .blank .submit{
	width: 95px;
	height: 30px;
	color: #fff;
	background-color: #3c9cd3;
	margin: 0;
}
@media(min-device-width:320px) and (max-device-width:768px){
	.content .banner{
		display: none;
	}
	.content .news{
		padding-top: 10px;
		height: 1490px;
	}
	.content .news .container{
		width: 315px;
		height: 1440px;
		margin: 0 auto;
	}
	.content .news .container .center,.content .news .container .product,.content .news .container .info{
		clear: both;
		margin: 10px 0 10px 0;
	}
	.content .page{
		height: 350px;
	}
	.content .page .bg{
		height: 270px;
	}
	.content .page .bg .textbox{
		height: 200px;
	}
	.content .page .bg .containerbox{
		display: none;
	}
	.content .page .bg img{
		height: 270px;
	}
	.content .page .title{
		height: 80px;
	}
	.content .page .title .container{
		height: 60px;
	}
	.content .page .title .container .aboutus{
		height: 40px;
		line-height: 40px;
	}
	.content .address .title{
		height: 80px;
	}
	.content .address{
		margin-top: 20px;
		height: 500px;
	}
	.content .address .title .continer{
		height: 60px;
	}
	.content .address .title .continer .contactus{
		height: 40px;
		line-height: 40px;
	}
	.content .address .info{
		width: 100%;
		margin: 0 auto;
	}
	.content .address .info .blank{
		display: none;
	}
	.content .address .info .erweima{
		width: 100%;
		height: 425px;
	}
	.content .address .info .erweima .img{
		/* clear: both; */
		width: 126px;
		float: none;
		margin: 0 auto;
	}
	.content .address .info .erweima .img .QRtext1{
		width: 75px;
	}
	.content .address .info .erweima .img .QRtext2{
		width: 126px;
		left:0px;
	}
	.content .address .info .erweima .text{
		/* clear: both; */
		width: 243px;
		float:none;
		margin: 20px auto 0;
	}
	.content .address .info .addImg{
		display: none;
	}
}

@media(min-device-width:768px)and (max-device-width:1023px){
	.content .banner{
		display: none;
	}
	.content .news{
		padding-top: 10px;
		height: 1490px;
	}
	.content .news .container{
		width: 315px;
		height: 1440px;
		margin: 0 auto;
	}
	.content .news .container .center,.content .news .container .product,.content .news .container .info{
		clear: both;
		margin: 10px 0 10px 0;
	}
	.content .page .bg .containerbox{
		display: none;
	}
	.content .address .info{
		width: 432px;
		margin: 0 auto;
	}
	.content .address .info .blank{
		display: none;
	}
}

@media(min-device-width:1024px) {
	.content .address .info {
		width: 990px;
		/* margin: 60px 10px 0; */
	}
	.content .page .bg img{
		height: 100%;
		background-repeat: no-repeat;
	}
	.content .page .bg .textbox{
		font-size: 0.9rem;
	}
	.content .page .bg .containerbox{
		bottom: 90px;
	}
	
	.content .page .bg .containerbox .imgbox{
		width: 750px;
		height: 120px;
		padding: 5px 0 0 0;
	}
	.content .page .bg .containerbox .imgbox .img1{
		width: 52px;
		height: 115px;
	}
	.content .page .bg .containerbox .imgbox .img2{
		width: 207px;
		height: 115px;
	}
	
}

@media(min-device-width:1440px){
	.content .address .info {
		width: 1075px;
	}

}